<template>
      <div id="hh">
    <transition >
      <!--<router-view></router-view>-->
    </transition>
   <div id="qwe">
    <Tabbar>
      
      <TabbarItem link="/">
       <img src="/static/shouye.jpg" slot="icon">
        <span slot="label">首页</span>
      </TabbarItem>


      <TabbarItem selected link="/Paging">
       <img src="/static/fenlei.jpg" slot="icon">
        <span slot="label">分类列表</span>
      </TabbarItem>

      <TabbarItem show-dot link="/Shopping">
       <img src="/static/gouwu.jpg" slot="icon">
        <span slot="label">购物车</span>
      </TabbarItem>

        <TabbarItem v-if="islogin" badge="2" link="/Corridors">
        <img src="static/wode.jpg"  slot="icon" class="shouye">
          <span slot="label">我的文轩</span>
        </TabbarItem>
        <TabbarItem v-if="!islogin"  badge="2" link="/My">
        <img src="static/wode.jpg"  slot="icon" class="shouye">
          <span slot="label">我的</span>
        </TabbarItem>

    </Tabbar>
    </div>
  </div>
</template>

<script>
import {Tabbar,TabbarItem} from 'vux';
import {mapState} from 'vuex';
export default {
  data:function(){
    return{
    }
  },
  props:["userinfo"],
    components:{
        Tabbar,
        TabbarItem,
    },
    computed:{
        ...mapState([
            "islogin"
        ])
    },
   


}
</script>

<style scoped>

     #hh{
    background-color: white;
    /*height: 100vh;*/
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    /*overflow: scroll;*/
    z-index: 101;
    
  }
  p{
      margin: 0;
      font-size: 14px;
  }
  .weui-tabbar_label{
    margin: 0;
  }

</style>
<style>
  .vux-badge{
    background-color: #F7F7FA!important;
  }
  .vux-reddot::after{
    background-color: #F7F7FA!important;
  }
</style>